<template>
    <div>
        <p v-for="(item,index) in arr" :key="index" style="display: inline-block;">
            <input type="checkbox" :value="item" v-model="newarr">
            <span>{{item}}</span>
        </p>
        <ul>
            <li v-for="(str,index) in newarr" :key="index">{{str}}</li>
        </ul>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                arr: ["大乔", "小乔", "貂蝉", "西施", "嫦娥", "马鑫", "闵月", "孙膑"],
                newarr: []
            }
        },

    }
</script>

<style>

</style>